/* RESET */
html {color:#000; background:#fff;}body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}table{border-collapse:collapse; border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* ELEMENTS */
html, iframe {background:#fff;}
body {color:#333; font-family:Tahoma, Arial, sans-serif; font-size:70%;}
img {border:0;}
h2, h3, h4, h5, h6 {font-weight:bold;}
h2 {font-size:1.2em; margin:1em 0;}
h3 {margin:1em 0;}
cite {font-style:normal; font-weight:bold;}
strong {font-weight:bold;}
em {font-style:italic;}
ol li {list-style:decimal outside;}
p {margin:0 0 1em;}

/* COMMON  */
div.clear {clear:both;}
div.clear-left {clear:left;}
div.clear-right {clear:right;}
span.attention, p.attention, strong.attention {color:#f00;}

div.content-panel .top-link {text-align:right; margin:0 0 20px;}
div.content-panel .top-link a {color:#aaa;}
div.content-panel .top-link a:hover {color:#666;}

/* SKELETON */        
div.site-wrapper {margin:0 auto; width:974px;}
div.site-content {font-size:1em; position:absolute; top:127px; width:974px; background-color:#fff;}
div.site-content a {color:#666; font-weight:normal; text-decoration:none;}
div.site-content a:hover {text-decoration:underline;}
div.site-body {position:absolute;}

/* LAYOUT VARIATIONS */
div.content-panel {overflow:hidden; padding:5px 0; color:#666;}
div.content-panel.indent {margin:0 66px 0 124px;}
div.content-panel.gutter {padding-bottom:50px;}
div.padded-content-panel {padding:17px;}
div.creative-panel {padding:0; position:relative;}

/*FOR IMAGE REPLAEMENT*/
.replace {display:block; position:relative; margin:0; padding:0; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
.replace span {display:block; position:absolute; top:0; left:0; z-index:1; /*for Opera 5 and 6*/}

/* HEADER */
div.site-header {width:974px; height:82px; position:absolute; top:10px; color:#333; font-size:1em; z-index:99;}
div.site-header a {text-decoration:none; color:#333;}
div.site-header a:hover {color:#999;}
div.site-header a.logo {background:transparent url(asos-mai.jpg) no-repeat top left; color:#333; display:block; float:left; width:237px; height:61px; margin:7px 0; text-indent:-9999px;}

/* COUNTRY AND CURRENCY DROPDOWN */
div.site-nav div#localisationMenu {float:right; margin:8px 0 0; padding:0 0 15px;}
*html div.site-nav div#localisationMenu {width:70px;}
div.site-nav div#localisationMenu a {cursor:pointer; font-family:Tahoma; font-size:0.95em;}
div.site-nav div#localisationMenu a span.currency-link {background:url(flag-spr.png) no-repeat 0 0; display:block; font-size:1.1em; height:16px; line-height:1.5em; padding:0 13px 0 28px; white-space:nowrap;}
div.site-nav div#localisationMenu a span.currency-link.GBR {background-position:0 0;}
div.site-nav div#localisationMenu a span.currency-link.USA {background-position:0 -16px;}
div.site-nav div#localisationMenu a span.currency-link.FRA {background-position:0 -32px;}
div.site-nav div#localisationMenu a span.currency-link.DEU {background-position:0 -48px;}
div.site-nav div#localisationMenu a span.menu-arrow {background:url(currency.gif) no-repeat 0 0; display:block; height:7px; position:absolute; overflow:hidden; right:1px; top:14px; width:8px;}
div.site-nav div#localisationMenu a:hover span.menu-arrow {background-position:0 -7px;}
div.site-nav div#localisationMenu div.menu-wrapper {background:#fff; border:1px solid #cacaca; display:none; left:784px; overflow:hidden; padding:10px 0 0; position:absolute; text-transform:none; top:26px; width:188px; z-index:99999;}
div.site-nav div#localisationMenu div.menu-wrapper p {padding:0 14px; text-align:left;}
div.site-nav div#localisationMenu div.menu-wrapper p span {display:inline-block; font-family:Tahoma; font-weight:bold; line-height:1.5em; text-transform:none;}
div.site-nav div#localisationMenu div.menu-wrapper p span.country {background:url(flag-spr.png) no-repeat; padding:0 0 0 28px;}
div.site-nav div#localisationMenu div.menu-wrapper p span.country.GBR {background-position:0 0;}
div.site-nav div#localisationMenu div.menu-wrapper p span.country.USA {background-position:0 -16px;}
div.site-nav div#localisationMenu div.menu-wrapper p span.country.FRA {background-position:0 -32px;}
div.site-nav div#localisationMenu div.menu-wrapper p span.country.DEU {background-position:0 -48px;}
div.site-nav div#localisationMenu div.menu-wrapper p span.currency {font-size:0.95em; font-weight:normal;}
div.site-nav div#localisationMenu div.country-list,
div.site-nav div#localisationMenu div.currency-list {display:inline-block; float:left; border-top:1px solid #cacaca; padding:8px 14px 12px;}
div.site-nav div#localisationMenu div.country-list p,
div.site-nav div#localisationMenu div.currency-list p {color:#404040; font-family:Tahoma; font-weight:normal; margin:0 0 2px; padding:0 0 0 1px; text-transform:none; white-space:nowrap;}
div.site-nav div#localisationMenu div.currency-list p {float:left;}
div.site-nav div#localisationMenu div.currency-list ul {clear:both; width:160px;}
div.site-nav div#localisationMenu div.currency-list li {clear:none; float:left;}
div.site-nav div#localisationMenu div.currency-list li a {background:#ececec; color:#333; display:block; float:none; margin:4px 6px 0 0; padding:6px 8px; text-align:left; width:61px;}
div.site-nav div#localisationMenu div.currency-list li a.right-column {margin:4px 0 0;}
div.site-nav div#localisationMenu div.currency-list li a span {display:inline-block;}
div.site-nav div#localisationMenu div.currency-list li:hover a {background:#ececec url(currencz.gif) no-repeat 64px 9px; border:1px solid #a9a9a9; padding:5px 7px;}
div.site-nav div#localisationMenu div.currency-list li:hover a span {color:#333;}
div.site-nav div#localisationMenu div.country-list li {clear:both; display:inline; float:right; margin:4px 0 0; padding-bottom:1px; white-space:nowrap;}
div.site-nav div#localisationMenu div.country-list li a {background:#ececec; color:#333; display:block; float:left; padding:4px; text-align:left; width:152px;}
div.site-nav div#localisationMenu div.country-list li a span {background:url(flag-spr.png) no-repeat; display:inline-block; line-height:1.5em; padding:0 0 0 28px; height:16px; width:22px;}
div.site-nav div#localisationMenu div.country-list li a.GBR span {background-position:0 0;}
div.site-nav div#localisationMenu div.country-list li a.USA span {background-position:0 -16px;}
div.site-nav div#localisationMenu div.country-list li a.FRA span {background-position:0 -32px;}
div.site-nav div#localisationMenu div.country-list li a.DEU span {background-position:0 -48px;}
div.site-nav div#localisationMenu div.country-list li:hover a {background:#ececec url(currencz.gif) no-repeat 148px 9px; border:1px solid #a9a9a9; padding:3px;}
div.site-nav div#localisationMenu div.country-list li:hover a span {color:#333;}

/* YOUR BAG AND YOUR ACCOUNT MENU */
div.site-header div#yourBag,
div.site-header div#yourAccount {display:block; float:right; text-align:right;}
div.site-header div#yourBag {margin:27px 0 0;}
div.site-header div#yourBag a.view_bag {color:#000; position:relative; font-size:1.1em;} /* used when minibag turned off */
div.site-header div#yourBag span.your-bag-title,
div.site-header div#yourBag div#miniBasket a.mini-bag-title span.your-bag-title {color:#000; font-size:1.2em; margin:0 0 0 30px;}
div.site-header div#yourBag span.your-bag-total,
div.site-header div#yourBag div#miniBasket a.mini-bag-title span.your-bag-total {display:block; color:#666; font-size:1.1em; margin:2px 0 0; text-align:right;}
div.site-header div#yourAccount {margin:28px 15px 0 0; position:relative; z-index:11111;}
div.site-header div#yourAccount span {color:#000; font-size:1.2em;}
div.site-header div#yourAccount a {color:#666; display:block; font-size:1.2em; margin:3px 0 0; text-align:right;}

/* SEARCH - 'div.no-results' is the search box which appears on the search no results page */
div.site-header .search {height:34px; left:293px; position:absolute; top:23px; z-index:1;}
div.site-header .search label,
div.no-results .search label {position:absolute; top:10px; left:6px; z-index:2; font-size:1.2em; overflow:hidden; width:345px; height:15px;}
div.site-header .search label span {color:#333;}
div.site-header .search input.search-box,
div.no-results .search input.search-box {border:1px solid #999; border-width:1px 0 1px 1px; color:#000; float:left; font-size:1.2em; height:22px; line-height:22px; padding:5px; position:relative; vertical-align:top; width:345px;}
div.site-header .search input.add-border,
div.no-results .search input.add-border {border:1px solid #000; border-width:1px 0 1px 1px; outline:none;}
div.site-header .search a.clear-search,
div.no-results .search a.clear-search {background:url(clear-se.gif) no-repeat 0 0; color:#fff; font-size:1.1em; height:16px; left:334px; padding-left:5px; position:absolute; top:9px; width:16px; z-index:5;} 
div.site-header .search a.go,
div.no-results .search a.go {border:1px solid #999; border-width:1px 1px 1px 0; color:#000; display:block; float:right; font-size:1.3em; font-weight:bold; height:32px; left:356px; line-height:34px; overflow:hidden; position:absolute; text-align:center; text-transform:uppercase; vertical-align:middle; width:34px;}
div.site-header .search a.go:hover,
div.no-results .search a.go:hover {cursor:pointer; text-decoration:underline;}
div.site-header .search a.go.add-border,
div.no-results .search a.go.add-border {border:1px solid #000; border-width:1px 1px 1px 0;}
div.site-header .search a.go span,
div.no-results .search a.go span {background:url(buttons-.png) no-repeat -3167px 0; display:block; height:32px; width:34px;}
div.site-header .search a.go:hover span,
div.no-results .search a.go:hover span {background-position:-3167px -32px;}
div.site-header .search a.go:focus span,
div.no-results .search a.go:focus span {background-position:-3167px -32px;}

/* SEARCH SUGGESTIONS */
div.search-suggestions {background:#fff; border:1px solid #a9a9a9; display:none; left:0; padding:5px 0; position:absolute; top:33px; width:355px;
    -moz-box-shadow:2px 2px 3px rgba(102, 102, 102, 0.5);
    -webkit-box-shadow:2px 2px 3px rgba(102, 102, 102, 0.5);
    box-shadow:2px 2px 3px rgba(102, 102, 102, 0.5);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#bababa')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#bababa');
}
div.recent-searches-header {color:#666;}
div.recent-searches-header p {border-bottom:1px dotted #a9a9a9; margin:0 10px 6px; padding:5px 0 8px; position:relative; text-transform:uppercase;}
div.recent-searches-header span.clear-recent-searches {cursor:pointer; left:322px; position:absolute; top:10px;}
div.suggestions-results li span.suggestion {color:#000; display:block; font-size:1.2em; margin:0 5px; padding:5px; position:relative; cursor: pointer;}
* html div.suggestions-results li span.suggestion {height:12px;}
div.suggestions-results li span.suggestion:hover {text-decoration:none;}
div.suggestions-results li.selected span.suggestion {background:#e8e8e8; color:#000; text-decoration:none;}
div.suggestions-results li span.suggestion span.result-quantity {color:#999; position:absolute; right:10px;}

/* BREADCRUMBS */
div.content-top {color:#000; margin:10px 0; overflow:hidden; border-bottom:1px solid #e3e3e3; padding-bottom:8px;}
div.content-top a {color:#000; text-decoration:none;}
div.content-top a:hover {text-decoration:underline;}
div.content-top a.back {display:block; float:right; font-size:1.1em;}
div.content-top div.breadcrumbs {font-size:1.1em;}
div.content-top div.breadcrumbs span {color:#666;}
div.content-top div.breadcrumbs	img {vertical-align:top; padding:5px 2px 0;}

/* FOOTER */
div.site-footer {color:#666; clear:both; width:974px; position:absolute; border-top:4px solid #000;}
div.site-footer a {color:#666; text-decoration:none;}
div.site-footer a:hover {text-decoration:underline;}

div.site-footer div.newsletters {overflow:hidden; padding:16px 0; border-bottom:1px solid #ccc;}
div.site-footer div.newsletter-sign-up {margin:0 auto; width:650px;}
div.site-footer div.newsletter-thank-you {margin:0 auto; width:545px;}
div.site-footer div.newsletter-sign-up a,
div.site-footer div.newsletter-sign-up input,
div.site-footer div.newsletter-sign-up label {float:left;}
div.site-footer div.newsletter-sign-up label a {font-size:1.4em; line-height:2.2em;}
div.site-footer div.newsletter-sign-up a.sign-up {display:block; margin:3px 7px 0 0; text-align:center; height:22px; width:69px;}
div.site-footer div.newsletter-sign-up a.sign-up span {height:22px; width:69px;}
div.site-footer div.newsletter-sign-up a.men {margin:3px 0 0;}
div.site-footer div.newsletter-sign-up a.men span {background:url(buttons-.png) no-repeat -1107px 0;}
div.site-footer div.newsletter-sign-up a.women span {background:url(buttons-.png) no-repeat -1107px -44px;}
div.site-footer div.newsletter-sign-up a.men:hover span {background-position:-1107px -22px;}
div.site-footer div.newsletter-sign-up a.women:hover span {background-position:-1107px -66px;}
div.site-footer div.newsletter-sign-up input.email-address {border:1px solid #c0c1c1; color:#666; font-size:1.1em; height:16px; margin:0 10px; padding:5px; width:295px;}
div.site-footer div.newsletter-sign-up input:hover {border:1px solid #999;}
div.site-footer div.newsletter-thank-you span {font-family:Georgia; font-size:1.1em; text-align:center;}
				
div.site-footer div.links {clear:both; overflow:auto; padding:10px 0 0;}
div.site-footer div.links ul {float:left; width:193px;}
div.site-footer div.links ul li h2 {color:#202020; font-family:Georgia; font-size:1.1em; font-weight:normal; margin:0 0 5px; text-transform:uppercase;}
div.site-footer div.links ul li a {color:#7b7b7b; font-size:1.1em; line-height:1.7em;}

div.site-footer .disclaimer {border-top:solid 1px #c0c1c1; clear:both; color:#999; margin:10px 0 0; padding:14px 0 7px;}
div.site-footer .disclaimer a {color:#999; font-family:Arial;}
div.site-footer .disclaimer a:hover {color:#666;}
div.site-footer .disclaimer ul li {border-left:1px solid #999; display:inline; padding:0 3px 0 6px;}
div.site-footer .disclaimer ul li.first {border:none; padding:0 3px 0 0;}
div.site-footer .disclaimer p {line-height:1.6em; margin:0; white-space:nowrap;}
div.site-footer .disclaimer .cards {float:right;}

/* BUTTONS */
div.site-content input.primary-action, div.site-content a.primary-action {background:#000; border:none; color:#fff; display:block; letter-spacing:0.2em; padding:4px 5px; text-align:right; text-decoration:none; text-transform:uppercase; width:220px;}
div.site-content input.primary-action:hover, div.site-content a.primary-action:hover {background:#666; text-decoration:none;}
div.site-content a.tab-action {background:#000; color:#fff; display:block; letter-spacing:0.2em; padding:4px 5px; text-align:right; text-decoration:none; text-transform:uppercase; width:220px;}
div.site-content a.tab-action:hover, div.site-content a.tab-action.active {background:#797979; text-decoration:none;}

div.site-content div.thank-you a.continue-shopping {background-color:#fff; color:#fff; cursor:pointer; left:0; text-align:center; text-transform:uppercase;}
div.site-content div.thank-you a.continue-shopping,
div.site-content div.thank-you a.continue-shopping span {background:url(buttons-.png) no-repeat -2127px 0; height:25px; width:222px;}
div.site-content div.thank-you a.continue-shopping:hover,
div.site-content div.thank-you a.continue-shopping:hover span {background-position:-2127px -25px;}
div.site-content div.thank-you a.continue-shopping:active,
div.site-content div.thank-you a.continue-shopping:active span {background-position:-2127px -50px;}

h2.styled {border:none; color:#333; font-size:0.9em; margin:0 auto 30px; letter-spacing:0.25em; text-align:center; text-transform:uppercase; width:170px;}

.creative-wrapper {position:relative;}
.creative-category{position:absolute; left:0; top:0;}
.creative-html{position:absolute; left:0; top:0;}
.creative-html a:focus, .creative-category a:focus {outline:none;}
.creative-html a:hover, .creative-category a:hover {outline:none;}
#creativeContent{position:absolute; left:0; top:0;}

/* INFORMATION MESSAGES */
div.alert {background:#fff7f7 url(alert000.gif) no-repeat right -20px; border:1px solid #fcc; color:#c33; margin:0 0 2em; padding:5px;}
div.alert a {color:#c33;}
div.alert a:hover {color:#933;}

/*ROUNDED CORNERS*/
/*IE6 specific styles*/	.bottom {bottom:-1px;}.corner {background:url(corner00.gif);}
.corner {position:absolute; height:14px; width:14px; z-index:100;}
.site-content > .corner {background:url(corner00.png);}
.site-content > .bottom {bottom:0;}
.top {top:-28px;}
.right {right:0;}
.left {left:0;}
.top.left, div.tl {background-position:left top;}
.top.right, div.tr {background-position:right top;}
.bottom.left, div.bl {background-position:left bottom;}
.bottom.right, div.br {background-position:right bottom;}

/* Language Selector Bar */
div.language-header {display:none; height:71px; background:#292929; overflow:hidden; text-align:center; position:relative;}
div.language {margin:auto; line-height:38px;}
div.language p.current-language-welcome {color:#fff; float:left; height:39px; text-align:left; text-indent:30px; margin:0; font-family:Tahoma, Verdana, sans-serif; font-size:1.1em;}
div.language .uk {background:url(uk-flag0.gif) no-repeat 0 12px; height:13px;}
div.language .germany {background:url(german-f.gif) no-repeat 0 12px; height:13px;}
div.language .france {background:url(french-f.gif) no-repeat 0 12px; height:13px;}
div.language .usa {background:url(us-flag0.gif) no-repeat 0 12px; height:13px;}
div.language a.current-language-change {float:right; position:relative; height:23px; width:24px; top:9px; border:0; text-indent:-9999px;}
div.language a.current-language-change span {background:url(language.png) no-repeat -66px 0; height:23px; width:24px; border:0;}
div.language .replace {margin:0; padding:0; /* hide overflow:hidden from IE5/Mac */ /* */ overflow:hidden; /* */}
div.language .replace span {display:block; position:absolute; top:0; left:0; z-index:1; /*for Opera 5 and 6*/}
div.select-language {background:#dedede; width:100%; height:30px; border-top:solid 1px #4d4d4d; border-bottom:solid 1px #c1c1c1; clear:both; color:#3e3e3e; font-family:Tahoma, Verdana, sans-serif; font-size:1.1em;}
div.other-languages {margin:auto;}
div.other-languages a {color:#3E3E3E; float:left; height:26px; line-height:22px; margin:4px 0 0 6px; padding:0 15px; position:relative; text-decoration:none; text-indent:20px;}
div.other-languages a.uk-site {background:url(uk-flag-.gif) no-repeat 13px 7px;}
div.other-languages a.uk-site:hover {background:url(uk-flag-.gif) no-repeat 13px 8px; line-height:24px; margin:3px 0 0 6px; text-decoration:underline;}
div.other-languages a.german-site {background:url(german-f.gif) no-repeat 13px 7px;}
div.other-languages a.german-site:hover {background:url(german-f.gif) no-repeat 13px 8px; line-height:24px; margin:3px 0 0 6px; text-decoration:underline;}
div.other-languages a.french-site {background:url(french-f.gif) no-repeat 13px 7px;}
div.other-languages a.french-site:hover {background:url(french-f.gif) no-repeat 13px 8px; line-height:24px; margin:3px 0 0 6px; text-decoration:underline;}
div.other-languages a.us-site {background:url(us-flag-.gif) no-repeat 13px 7px;}
div.other-languages a.us-site:hover {background:url(us-flag-.gif) no-repeat 13px 8px; line-height:24px; margin:3px 0 0 6px; text-decoration:underline;}
div.other-languages a.uk-site span,
div.other-languages a.uk-site:hover span {display:none; background:url(language.gif) no-repeat; height:7px; width:11px; position:absolute; top:21px; left:57px;}
div.other-languages a.uk-site:hover span {display:block;}
div.other-languages a.german-site span,
div.other-languages a.german-site:hover span {display:none; background:url(language.gif) no-repeat; height:7px; width:11px; position:absolute; top:21px; left:42px;}
div.other-languages a.german-site:hover span {display:block;}
div.other-languages a.french-site span, 
div.other-languages a.french-site:hover span {display:none; background:url(language.gif) no-repeat; height:7px; width:11px; position:absolute; top:21px; left:40px;}
div.other-languages a.french-site:hover span {display:block;}
div.other-languages a.us-site span, 
div.other-languages a.us-site:hover span {display:none; background:url(language.gif) no-repeat; height:7px; width:11px; position:absolute; top:21px; left:53px;}
div.other-languages a.us-site:hover span {display:block;}
a.close-language-bar {position:absolute; top:9px; right:9px; width:25px; height:21px;}
a.close-language-bar span {background:url(language.png) no-repeat; width:25px; height:21px;}

/* SITE NAVIGATION */
div.site-nav {font-family:Georgia; font-size:1.1em; height:38px; left:0; position:absolute; top:89px; width:974px; z-index:88;}
div.site-nav ul {list-style-type:none;}
div.site-nav li {list-style-type:none;}
div.site-nav a {text-decoration:none;}

/* SIDE (LEFT) NAVIGATION */
div#side-nav {color:#000; float:left; font-family:Georgia; font-size:1.15em; padding:10px 0 0; position:relative; width:180px;}
div#side-nav h1 {border-bottom:1px solid #000; font-family:Tahoma; font-size:1em; font-weight:bold; line-height:1em; margin:0 0 10px; padding:0 0 10px; text-transform:uppercase;}
div#side-nav p.precis {font-family:Tahoma; line-height:1.2em; margin:0 0 10px;}
div#side-nav p.precis a {color:#000; text-decoration:none;}
div#side-nav p.precis a:hover {color:#969696;}
div#side-nav p.cat-title {border-top:1px solid #000; font-weight:bold; padding:10px 0 0; margin:0 0 10px;}
div#side-nav ul {padding-bottom:15px;}
div#side-nav ul li {display:block; min-height:17px;}
div#side-nav ul li a {color:#000; height:auto; line-height:1.8em;}
div#side-nav ul li a:hover {color:#969696; text-decoration:none;}
div#side-nav ul li a.red {color:#b0171f;}
div#side-nav ul li a.red:hover {color:#c48189;}

/* Menu Links */
div.site-nav ul.floors li {float:left; top:0;}
div.site-nav ul.floors li a {background:url(nav-divi.gif) no-repeat 100% 10px; color:#000; display:block; font-family:Georgia; font-size:1.6em; height:2.3em; line-height:2em; padding:0 14px; position:relative; text-align:center; text-transform:uppercase; z-index:1;}
* html div.site-nav ul.floors li a{display:inline-block;}
div.site-nav ul.floors li a.last {background:none;}
div.site-nav ul.floors li a.selected span {border-bottom:1px solid #000;}
div.site-nav ul.floors li a:hover,
div.site-nav ul.floors li a.active {background:url(nav-bg00.png) repeat-x 0 0; color:#fff; left:-1px; position:relative;}
div.site-nav ul.floors li a:hover span,
div.site-nav ul.floors li a span:hover,
div.site-nav ul.floors li a.active span,
div.site-nav ul.floors li a.selected:hover span {border-bottom:1px solid #fff;}

div.site-nav ul.floors li.home a {background:none; padding:0; height:38px; width:28px;}
div.site-nav ul.floors li.home a span {background:url(nav-bg00.png) no-repeat 0 -115px; height:38px; width:28px;}
div.site-nav ul.floors li.home a.selected span {background-position:0 -39px;}
div.site-nav ul.floors li.home a:hover,
div.site-nav ul.floors li.home a.active {cursor:pointer; left:0;}
div.site-nav ul.floors li.home a:hover span {background-position:0 -77px;}

div.site-nav ul.floors li:hover div.sub-floor-menus dl dd ul.items {margin:0 0 0 1px; width:144px;}

/* New tab highlight for Fashion Finder */
div.site-nav ul.floors li.fashionfinder a {padding:0 8px 0 14px;}
div.site-nav ul.floors li.fashionfinder a span.new {border-bottom:none; color:#f00; font-family:tahoma; font-size:0.55em; line-height:1em; padding-left:5px; position:relative; top:-2px; text-decoration:none;}
div.site-nav ul.floors li.fashionfinder a:hover span.new {border-bottom:none; color:#f00; text-decoration:none;}
div.site-nav ul.floors li.fashionfinder:hover a span.new {border-bottom:none; color:#f00; text-decoration:none;}

/* Sub Menus (DON'T FORGET CSS MENU!) */
div.site-nav .menu ul li div.sub-floor-menus {position:absolute; top:34px; left:-9999px; padding:0; margin:0 0 0 -1px; overflow:hidden; z-index:89;}

/* iPad fix - hide the menu first */
div.sub-floor-menus {display:none;}
div.site-nav .css-menu ul :hover div.sub-floor-menus {position:absolute; left:auto; padding:0; display:inline;}
div.site-nav .menu ul :hover div.sub-floor-menus {position:absolute; left:auto; padding:0; display:inline;} /*This is needed for the ipad hover of the main navigation as the class 'css-menu' gets removed when the JS renders the navigation*/
div.site-nav .menu div.sub-menu-wrapper-top {border-top:5px solid #000;}
div.site-nav .menu div.sub-menu-wrapper {overflow:hidden; background:#fff;}

/* IE7 only hack */
*:first-child+html div.site-nav .menu ul :hover div.sub-floor-menus {display:none;} 

/* IE6 and below version of the navigation */
div.site-nav div.sub-floor-menus {background:#fff; border-right:1px solid #999; border-bottom:1px solid #999;}

/* Reset IE6 version */
div.site-nav li > div.sub-floor-menus {background:none; border:none;}
div.site-nav li > div.sub-floor-menus {border-right:1px solid transparent;} /*Only IE7 needs this line*/

/* Version for all other browsers */
div.site-nav li > div.sub-floor-menus div.sub-menu-wrapper-right {background:url(sub-nav-.png) no-repeat bottom right; padding:0 7px 0 0;}
div.site-nav li > div.sub-floor-menus div.sub-menu-wrapper-bottom {background:url(sub-nav0.png) no-repeat bottom left; padding:0 0 7px;}

/* Exceptional case for first menu item */
div.sub-floor-menus div.menu:first-child {margin-left:0;}
div.sub-floor-menus div.menu:first-child div.sub-menu-wrapper-left {background:none; margin:0;}
div.sub-floor-menus div.menu:first-child div.sub-menu-wrapper-right {padding:0 14px 0 0;}
div.sub-floor-menus div.menu:first-child div.sub-menu-wrapper {padding:0 0 0 10px;}

/* Menu Section */
div.sub-floor-menus dl {border-left:1px solid #999; float:left; display:inline; margin-bottom:-10000px; overflow:hidden; padding-bottom:10000px;}
div.sub-floor-menus dl:first-child {border:none;} /* IE6 can't see this */
div.sub-floor-menus dl dt {font-family:Georgia; border-bottom:1px dashed #cacaca; font-size:1.05em; font-weight:normal; line-height:2em; width:auto; padding-left:10px; padding-right:0; color:#202020; letter-spacing:0.5px;} 
div.sub-floor-menus dl ul.items {width:145px; display:inline; float:left; padding:6px 0 10px 10px;}
div.sub-floor-menus dl ul.items li {display:block; float:none; min-height:15px; line-height:1.4em; list-style-position:outside;}

/* Featured Section */
div.sub-floor-menus dl.featured dt {border:none;}
div.sub-floor-menus dl.featured ul.items {padding:0;}
div.sub-floor-menus dl.featured ul.items li {border-top:1px dashed #cacaca; padding:6px;}	

/* Sub Menu Links */
div.site-nav ul.floors li div.sub-floor-menus a {background:none; border:none; display:inline; font-family:Tahoma; font-size:1em; font-weight:normal; height:auto; line-height:1.2em; padding:0; text-transform:none; white-space:nowrap;}
div.site-nav ul.floors li div.sub-floor-menus a:hover {background:#000; color:#fff; margin:0 0 0 -1px; padding:0 1px; text-decoration:none;}
div.site-nav ul.floors li div.sub-floor-menus a span {display:none;}

div.site-nav div.sub-floor-menus dl ul.items li a.sale {color:#b0171f;}
div.site-nav div.sub-floor-menus dl ul.items li a.sale:hover {background:#b0171f; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.clearance {color:#36f;}
div.site-nav div.sub-floor-menus dl ul.items li a.clearance:hover {background:#36f; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.new {color:#d6b500;}
div.site-nav div.sub-floor-menus dl ul.items li a.new:hover {background:#d6b500; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.branddirectory {color:#000; font-weight:bold;}
div.site-nav div.sub-floor-menus dl ul.items li a.branddirectory:hover {background:#000; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.red {color:#b0171f;}
div.site-nav div.sub-floor-menus dl ul.items li a.red:hover {background:#b0171f; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.blue {color:#36f;}
div.site-nav div.sub-floor-menus dl ul.items li a.blue:hover {background:#36f; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.black {color:#000;}
div.site-nav div.sub-floor-menus dl ul.items li a.black:hover {background:#000; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.pink {color:#c48189;}
div.site-nav div.sub-floor-menus dl ul.items li a.pink:hover {background:#c48189; color:#fff;}
div.site-nav div.sub-floor-menus dl ul.items li a.yellow {color:#fdd017;}
div.site-nav div.sub-floor-menus dl ul.items li a.yellow:hover {background:#fdd017; color:#fff;}

/* APPLY display:none TO AN ELEMENT */
.hide {display:none;}